<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>生活邦荟后台管理系统</title>
		<link rel="stylesheet" href="../../common/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="../css/style-responsive.css"/>
		<link rel="stylesheet" href="../css/backstage_common.css" />
		<link rel="stylesheet" href="../../common/css/iconfont.css" />
		<link  rel="stylesheet" href="../css/productManage.css" />
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="brand" href="index.html"><span>生活邦荟</span></a>
				</div>
			</div>
		</div>
		<div class="container-fluid-full">
			<div class="row-fluid">
				<!--侧边栏-->
				<div id="sidebar-left" class="span1">
					<div class="nav-collapse sidebar-nav">
					</div>
				</div>
				<!--主要内容-->
				<div class="" id="content">
					<div class="row-fluid form-horizontal">
						<div class="form-group">
							<label class="control-label" for="">卖家：</label>
							<select class="form-control">
								<option>卖家id 卖家名</option>
							</select>
						</div>
						<div class="form-group">
							<label class="control-label" for="">item_num_id：</label>
							<textarea class="form-control" placeholder="" type="text"  id=""></textarea>
							<a style="color:#CC0033;display:none" id="">不能为空</a>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName">商品名：</label>
							<textarea class="form-control" placeholder="请输入商品名" type="text"  id="productName"></textarea>
							<a style="color:#CC0033;display:none" id="pnTip">商品名不能为空</a>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName" id="productCategory">平台商品类别：</label>
							<!--一级商品分类  -->
							<select class="form-control" id="firstLevelProductCategory">
							   <c:forEach var="item" items="${productCategorys }">
							   <option value="${item.productCategoryId }">${item.productCategoryName }</option>
							   </c:forEach>
							</select>
							<!--二级商品分类  -->
							<select class="form-control" id="secondLevelProductCategory">
							   <c:forEach var="item" items="${secondProductCategorys }">
							   <option value="${item.productCategoryId }">${item.productCategoryName }</option>
							   </c:forEach>
							</select>
							<!--三级商品分类  -->
							<select class="form-control" id="threeLevelProductCategory">
							   <c:forEach var="item" items="${threeProductCategorys }">
							   <option value="${item.productCategoryId }">${item.productCategoryName }</option>
							   </c:forEach>
							</select>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName" >店铺商品类别：</label>
							<!--卖家商品一级分类  -->
							<select class="form-control" id="sellerProductCategory">
							   <c:forEach var="item" items="${sellerProductCategories }">
							   <option value="${item.sellerProductCategoryId }">${item.categoryName }</option>
							   </c:forEach>
							</select>
							<!--卖家商品二级分类  -->
							<select class="form-control" id="secondSellerProductCategory">
							   <c:forEach var="item" items="${sellerSecondProductCategories }">
							   <option value="${item.sellerProductCategoryId }">${item.categoryName }</option>
							   </c:forEach>
							</select>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName" id="">商品pv：</label>
							<select class="form-control" id="productPv">
							   <option value="0.1">0.1</option>
							   <option value="0.2">0.2</option>
							   <option value="0.3">0.3</option>
							   <option value="0.4">0.4</option>
							</select>
							<a id="">推广佣金（商品成交金额 乘以 pv)将用于平台推广产品与开展活动，不计入供应商销售款</a>
						</div>
						<div class="form-group">
							<label class="control-label" for="productName" id="">开团人数：</label>
							<input class="form-control" placeholder="请输入开团人数" type="text" id="openingNumber"/>
						    <a style="color:#CC0033;display:none" id="oNTip">开团人数不能为空</a>
						</div>
						<div class="form-group">
							<label class="control-label" for="productOrderInfo" >备注：</label>
							<textarea rows="3" cols="20" class="form-control" id="productRemark"></textarea>
						</div>
						<!--商品封面图  -->
						<div class="form-group" id="fengmianContainer">
							<label class="control-label">封面：</label>
							<div class="pic_container">
								<span><button class="btn btn-danger" id="fengmian">生成封面图</button></span>
								<a style="color:#CC0033;display:none" id="fmTip">最少要一张图片</a>
								<ul class="pic_list" id="fengmianImage">
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
									<li>
										<span class="iconfont">&#xe637;</span>
										<img src="../../customer/img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" />
									</li>
								</ul>
							</div>
						</div>
						<!--商品 详情图  -->
						<div class="form-group" id="xiangqingContainer">
							<label class="control-label">详情：</label>
							<div class="pic_container">
								<span><button class="btn btn-danger" id="xiangqing">生成详情图</button></span>
								<a style="color:#CC0033;display:none" id="dtTip">最少要一张图片</a>
								<ul class="pic_list" id="detailImage">
									
								</ul>
							</div>
						</div>
						<!-- <!--商品属性 
						<div class="form-group value-container attrContanier" id="attrContanier">
							<label class="form-group control-label">
								属性：
							</label>
							<button class="btn btn-default add_type" id="add_type" style="font-size: 20px;" data-toggle="modal" data-target="#addTypeModal" >
								+
							</button>
						</div> --> 
						<!--商品规格  -->
						<div class="form-group ">
							<label class="form-group control-label">
								规格：
							</label>
							<button type="button" class="btn btn-info add_type">添加规格</button>
							<table class="table table-striped table-hover type" id="productItems">
								<tr>
									<th>规格</th>
									<th>市场价</th>
									<th>平台价</th>
									<th>库存</th>
									<th>起批量</th>
									<th>是否选择应用</th>
									<th>操作</th>
								</tr>
								<tr>
									<td>
										<input type="text" />
									</td>
									<td>
										<input type="text" />
									</td>
									<td>
										<input type="text" />
									</td>
									<td>
										<input type="text" />
									</td>
									<td>
										<input type="text" />
									</td>
									<td>
						        	<input class='form-control' type='checkbox'/>
						        	</td>
									<td>
						        	<button class="btn btn-danger">删除</button>
						        	</td>
								</tr>
							</table>
						</div>
						<!--选择应用的提示  -->
						<div class="form-group">
			                <a style="color:#CC0033;display:none" id="selectedTip">至少选择一个应用</a>
						</div>	
						<div class="form-group">
							<label class="control-label" for="">下架时间：</label>
			                <input class="laydate-icon" id="endTime" />
			                <a style="color:#CC0033;display:none" id="elTip">下架时间不能为空</a>
						</div> 	
						<div class="form-group">
							<label class="control-label" for="">是否上架：</label>
			                <input class="laydate-icon" type="checkbox" id="onShelveOrNot" />
						</div>
					</div>
					<div class="submit_container">
						<button class="btn btn-info submitProduct">提交</button>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../common/laydate/laydate.js"></script>
	<script src="../js/admin.js"></script>
	<script src="../js/productManage.js"></script>
</html>
